<template xmlns:el-col="http://www.w3.org/1999/html">
  <div class="footer" >
    <el-row :gutter="10">
      <el-col :span="4">
        <div class="footLogo">
          <a href="#"><img src="//gw.alicdn.com/tps/i1/TB1JUFIJVXXXXXUXXXXJxQf.VXX-134-40.png" /></a>
          <div>如果您是消费者，</div>
          <div>请拨打0571-88157838</div>
          <div>如果您是影院/合作商家，</div>
          <div>请拨打400-825-9220</div>
          <div>(服务时间:9:00-21:00)</div>
        </div>
      </el-col>
      <el-col :span="4">
        <div class="footLogo">
          <div>

            <div style="height: 40px">
              <a href="#"><img src="http://qzd3bv2qc.hb-bkt.clouddn.com/9a3431f38d56a2c3178abf76ae653fe.png" /></a>
            </div>
            <div><a href="javascript:void(0)" title="选择影片和场次">选择影片和场次</a></div>
            <div><a href="javascript:void(0)" target="_blank" title="选择中意的座位">选择中意的座位</a></div>
            <div><a href="javascript:void(0)" target="_blank" title="支付并收到取票短信">支付并收到取票短信</a></div>
          </div>
        </div>
      </el-col>
      <el-col :span="5">
        <div class="footLogo">
          <dl>
            <div style="height: 40px">
              <a href="#"><img src="http://qzd3bv2qc.hb-bkt.clouddn.com/053e13e13f5212c018c2e0b1fdcdec0.png" /></a>
            </div>
            <dd><a href="javascript:void(0)" target="_blank" title="收到取票短信">收到取票短信</a></dd>
            <dd><a href="javascript:void(0)" target="_blank" title="影院自助取票">影院自助取票</a></dd>
            <dd><a href="javascript:void(0)" target="_blank" title="短信重发方式">短信重发方式</a></dd>
          </dl>
        </div>
      </el-col>
      <el-col :span="4">
        <div class="footLogo">
          <dl>
            <div style="height: 40px">
              <a href="#"><img src="http://qzd3bv2qc.hb-bkt.clouddn.com/f08b74f15f276622cdad9400504a4e2.png" /></a>
            </div>
            <dd><a href="javascript:void(0)" target="_blank" title="是否支持退换票">是否支持退换票</a></dd>
            <dd><a href="javascript:void(0)" target="_blank" title="填错手机号怎么办">填错手机号怎么办</a></dd>
            <dd><a href="javascript:void(0)" title="更多问题>>">更多问题>></a></dd>
          </dl>
        </div>

      </el-col>
      <el-col :span="4">
        <div class="footLogo">
          <dl>
            <dl>
              <div style="height: 40px">
                <a href="#"><img src="http://qzd3bv2qc.hb-bkt.clouddn.com/b5efb61d4b0ecf84c187004eefa61ae.png" /></a>
              </div>
              <dd><a href="javascript:void(0)" target="_blank" title="用户服务协议">用户服务协议</a></dd>
              <dd><a href="javascript:void(0)" target="_blank" title="食品管理规范">食品管理规范</a></dd>
              <dd><a href="javascript:void(0)" target="_blank" title="隐私权政策">隐私权政策</a></dd>
              <dd><a href="javascript:void(0)" target="_blank" title="退改签服务费规范">退改签服务费规范</a></dd>
            </dl>
          </dl>
        </div>
      </el-col>
    </el-row>

    <div class="footer">
      <hr style="color: #ddd ;border:1px dashed;">
      <div class="link">
        <a href="javascript:void(0)">阿里巴巴集团<span>&nbsp;|</span></a>
        <a href="javascript:void(0)">阿里巴巴国际站<span>&nbsp;|</span></a>
        <a href="javascript:void(0)">阿里巴巴中国站<span>&nbsp;|</span></a>
        <a href="javascript:void(0)">全球速卖通<span>&nbsp;|</span></a>
        <a href="javascript:void(0)">淘宝网<span>&nbsp;|</span></a>
        <a href="javascript:void(0)">天猫</a>
        <a href="javascript:void(0)">聚划算<span>&nbsp;|</span></a>
        <a href="javascript:void(0)">一淘<span>&nbsp;|</span></a>
        <a href="javascript:void(0)">阿里妈妈<span>&nbsp;|</span></a>
        <a href="javascript:void(0)">阿里云计算<span>&nbsp;|</span></a>
        <a href="javascript:void(0)">云OS<span>&nbsp;|</span></a>
        <a href="javascript:void(0)">万网<span>&nbsp;|</span></a>
        <a href="javascript:void(0)">中国雅虎<span>&nbsp;|</span></a>
        <a href="javascript:void(0)">支付宝<span>&nbsp;&nbsp;&nbsp;</span></a>
        <img class="img" src="//img.alicdn.com/tps/i2/T1Vt8KFiRhXXXOFx6f-39-60.png">
      </div>
      <div class="link">
        <a href="javascript:void(0)">关于淘宝</a>
        <a href="javascript:void(0)">合作伙伴</a>
        <a href="javascript:void(0)">营销中心</a>
        <a href="javascript:void(0)">联系客服</a>
        <a href="javascript:void(0)">开放平台</a>
        <a href="javascript:void(0)">诚征英才</a>
        <a href="javascript:void(0)">联系我们</a>
        <a href="javascript:void(0)">网站地图</a>
        <a href="javascript:void(0)">法律声明</a>
        <a href="javascript:void(0)">@ 2017 Taopiaopiao.com版权所有</a>

      </div>

      <div>增值电信业务经营许可证: 沪B2-20145117 沪ICP备16055536号-9 营业执照</div>
      <div>违法不良信息举报电话 0365-2429865</div>
      <div>违法不良信息举报邮箱 taopiaopiao_tousu@list,alibaba-inc.com</div>
    </div>





    <!--<div>-->
    <!--回到顶部-->
    <!--<el-backtop target=".page-component__scroll .el-scrollbar__wrap"></el-backtop>-->
    <!--</div>-->
  </div>

</template>

<script>
  export default {
    name: "test"
  }
</script>

<style >
  /*程长青*/
  #app {
    margin-top: 0px;
  }

  .footer {
    padding-bottom: 20px;
    text-align: center;
    background: #ADADAD;
  }

  .footer .link {
    padding-top: 32px;
    margin-bottom: 10px;
    font-size: 0;
  }

  .footer p {
    color: #A6A6A6;
    font: 12px/20px "PingFangSC-Regular", "-apple-system", Simsun;
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
  }

  .footer .safety-box {
    padding-top: 20px;
  }

  .footer .link a {
    display: inline-block;
    color: #666;
    font: 12px/16px "PingFangSC-Regular", "-apple-system", Simsun;
    margin-left: 15px;
    height: 20px;
  }

  a {
    outline: none;
    text-decoration: none;
    color: #262626;
    transition: color .3s, background-color .3s;
  }

  .footer .safety-img {
    padding: 0 0 20px;
  }

  .dib-wrap {
    font-size: 0;
  }

  .footer .safety-img a {
    width: 140px;
    height: 52px;
    margin-right: 14px;
    border: 1px solid #EDEDED;
  }
</style>
